<!--
 * @Descripttion:
 * @version: 1.0.1
 * @Author: daipeng
 * @Date: 2020-09-25 15:24:57
 * @LastEditors: daipeng
 * @LastEditTime: 2020-10-27 15:20:55
-->
<template>
	<div class="personnelList">
		<el-breadcrumb separator="/">
			<el-breadcrumb-item :to="{ path: '/' }">
				<i class="lh lh-caiwu fw_100"></i>
			</el-breadcrumb-item>
			<el-breadcrumb-item>财务及数据</el-breadcrumb-item>
			<el-breadcrumb-item>人才运营报表</el-breadcrumb-item>
		</el-breadcrumb>
		<div class="content_Box box-shadow abnormal mt_15">
			<div class="tableMaxBox">
				<el-tabs type="border-card" v-model="activeName">
					<el-tab-pane label="按天汇总" name="one">
						<template>
							<one name="one" v-if="activeName == 'one'"></one>
						</template>
					</el-tab-pane>
					<el-tab-pane label="按周汇总" name="two">
						<template>
							<two name="two" v-if="activeName == 'two'"></two>
						</template>
					</el-tab-pane>
					<el-tab-pane label="按月汇总" name="three">
						<template>
							<three name="three" v-if="activeName == 'three'"></three>
						</template>
					</el-tab-pane>
				</el-tabs>
			</div>
		</div>
	</div>
</template>

<script>
var common = require('../../../static/tool.js')
import { mainfun } from '../../../assets/js/main.js'
import one from './shop/one.vue'
import two from './shop/two.vue'
import three from './shop/three.vue'
export default {
	data() {
		return {
			windowSizeHeight: document.documentElement.clientHeight, //浏览器可视化窗口的大小
			screenHeight: document.documentElement.clientHeight,
			manageInfo: JSON.parse(sessionStorage.getItem('manageInfo')), //登录信息
			url: common.url,
			head_url: common.head_url,
			activeName: 'one'
		}
	},
	components: { one, two, three },
	created() {},
	mounted() {},
	methods: {},
	filters: {}
}
</script>

<style scoped>
.search_box {
	width: 790px;
}
.auditCentent .labels {
	min-height: 100px;
}
.auditCentent .labels .labels_label {
	float: left;
	cursor: pointer;
}
.check_label {
	background: var(--purple4);
	color: #fff;
	border: none;
}
.pdf {
	width: 860px;
	height: 600px;
}
.main_user {
	background: var(--zfy-red);
	color: #fff;
	text-decoration: none;
	padding: 2px 4px;
	border-radius: 4px;
}
.row-info {
	padding: 10px 0;
}
@media (max-width: 767.78px) {
	.titleBox {
		height: 40px;
	}
}
</style>



// WEBPACK FOOTER //
// src/components/sheet/UserSheet.vue